<!DOCTYPE html>
<html>
    <head>
        <script src="/js/pixi.min.js"></script>
        <!-- <script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script> -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            body {
                margin: 0;
                overflow: hidden;
            }
        
        </style>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <div id="here">
            <!-- <canvas id="yes"></canvas> -->
            <!-- <button onclick="fuck()">Good</button> -->
        </div>
        <script>
            
            function fuck(){

            }

            const app = new PIXI.Application(screen.width,screen.height,{backgroundColor : 0x1099bb})

            document.getElementById('here').appendChild(app.view)

            PIXI.loader.add('logo','../assets/logo.png').load((loader, resources) => {
                const bunny = new PIXI.Sprite(resources.logo.texture)
                bunny.x = app.screen.width / 2;
                bunny.y = app.screen.height / 2;
                bunny.anchor.x = 0.5
                bunny.anchor.y = 0.5

                app.stage.addChild(bunny)

                app.ticker.add(() => {
                    bunny.rotation += 0.01
                })
            })
        </script>
    </body>
</html>